<template id="special">
    <div class="spe">
        <!--1-->
        <div id="spe_1">
        <div class="special_buy_choose" v-for="list_more in tag4_list">
            <div class="special_orange_choose">
                <img v-lazy="list_more.ad[0].url" alt="">
            </div>
            <div class="special_orange_list_choose" >
                <dl v-for="ming in list_more.list">
                    <dt>
                        <img v-lazy="ming.thumb" alt="" @click="getChoose(ming.id)" class="img_l1">
                    </dt>
                    <dd>{{ming.name}}</dd>
                    <dd><span>{{ming.shop_price}}<time>{{ming.goods_share}}</time></span><img src="../image/add.jpg" alt="" @click="addCart(ming.id,ming.thumb)"></dd>
                </dl>
            </div>
        </div>
    </div>
</div>
</template>
<script>
    export default {
        name:'special',
        components:{
        },
        data(){
            return{
                tag4_list:[],
            }
        },
        mounted:function(){
            let mode5 = 'special';
            this.GLOBAL.getList(this,mode5,4);
            /*console.log(this.tag4_list);*/

       /*     let url  = BaseUrl+'/mobile/api/v1/Index.php?mode='+mode;
            let Data = this.GLOBAL.dataParam();
            this.$ajax.post(url, Data).then((res) => {
                let temp = res.data;
                if(temp.code == 200){
                    this.tag4_ad    = temp.data;
                }else{
                    console.log(temp.msg);
                }
            })*/
        },
        methods:{
            getChoose:function(id){
                this.$router.push('/shopDetails?goods_id='+id);
            },
            addCart:function (goods_id,image, number = 1) {
                this.GLOBAL.addCart(this,goods_id,number);
                this.GLOBAL.get_te(image)
            }
        }
    }
</script>
<style>
    /*#spe_1{
        overflow-y: scroll;
    }*/
    .flyer-img{
        height:0.5rem;
        width:0.5rem;
        border-radius: 50%;
    }
/*1*/
/*.special_strawberry_orange_list{
    height:2.4rem;
    width:100%;
    display:flex;
}
.special_strawberry_orange_list dl{
    height:2.20rem;
    width:2.11rem;
    flex:1;
}
.special_strawberry_orange_list dl dt{
    height:1.54rem;
    width:2.11rem;
}
.special_strawberry_orange_list dl dd:nth-of-type(1){
    height:0.46rem;
    width:2.11rem;
    color:#333;
    font-size:0.2rem;
    !*text-align:center;*!
    text-indent: 0.28rem;
    line-height:0.46rem;
    overflow: hidden; !*自动隐藏文字*!
    text-overflow: ellipsis;!*文字隐藏后添加省略号*!
    white-space: nowrap;!*强制不换行*!
}
.special_strawberry_orange_list dl dd:nth-of-type(2){
    width:2.11rem;
    height:0.46rem;
    position: relative;


}
.special_strawberry_orange_list dl dd:nth-of-type(2) span{
    color:#ff7e67;
    font-size:0.18rem;
    display:block;
    text-indent: 0.28rem;
}
.special_strawberry_orange_list dl dd:nth-of-type(2) img{
    display:block;
    height:0.23rem;
    width:0.23rem;
    position:absolute;
    top:-1px;
    left:1.68rem;
}
.special_strawberry_orange_list dl dt img{
    height:1.54rem;
    width:1.54rem;
    display:block;
    margin:0 auto;
}
.special_strawberry_buy{
    min-height:2rem;
    width:100%;
    margin-bottom:0.2rem;
}

.special_strawberry_buy h1{
    font-size:0.28rem;
    color: #4a4a4a;
    height:0.42rem;
    line-height:0.42rem;
    text-align:center;
    width:100%;
    position:relative;

}
.special_strawberry_buy img{
    display:inline-block;
    width:1.86rem;
    height:0.42rem;
    !* position:absolute;*!
}
.special_strawberry_buy p{
    height:0.3rem;
    line-height:0.3rem;
    text-align:center;
    color:#afafaf;
    font-size:0.16rem;
}
.special_strawberry_orange{
    height:2.8rem;
    width:100%;
    margin-bottom:0.3rem;
}
.special_strawberry_orange img{
    height:2.8rem;
    width:100%;
    display:block;
}*/
    /*2*/
.special_orange_list_choose{
    height:2.20rem;
    width:100%;
    display:flex;
}
.special_orange_list_choose dl{
    height:2.20rem;
    width:2.11rem;
    flex:1;
}
.special_orange_list_choose dl dt{
    height:1.54rem;
    width:2.11rem;
}
.special_orange_list_choose dl dd:nth-of-type(1){
    height:0.46rem;
    width:2.11rem;
    color:#333;
    font-size:0.2rem;
    /*text-align:center;*/
    text-indent: 0.28rem;
    line-height:0.46rem;
    overflow: hidden; /*自动隐藏文字*/
    text-overflow: ellipsis;/*文字隐藏后添加省略号*/
    white-space: nowrap;/*强制不换行*/
}
.special_orange_list_choose dl dd:nth-of-type(2){
    width:2.11rem;
    height:0.46rem;
    position: relative;


}
.special_orange_list_choose dl dd:nth-of-type(2) span{
    color:#ff7e67;
    font-size:0.18rem;
    display:block;
   text-indent: 0.28rem;
}
.special_orange_list_choose dl dd:nth-of-type(2) img{
    display:block;
    height:0.23rem;
    width:0.23rem;
    position:absolute;
    top:-1px;
    left:1.68rem;
}
.special_orange_list_choose dl dt img{
    height:1.54rem;
    width:1.54rem;
    display:block;
    margin:0 auto;
}
.special_buy_choose{
    min-height:5rem;
    width:100%;
    border-bottom:0;
    margin:0.10rem 0 0.2rem 0;
}
.special_bi_buy_choose{
   /* margin:20px 0;*/

}
.special_buy_choose h1{
    font-size:0.28rem;
    color: #4a4a4a;
    /* height:0.42rem;*/
    line-height:0.42rem;
    text-align:center;
    width:100%;
    position:relative;

}
.special_buy_choose img{
    display:inline-block;
    width:1.86rem;
    height:0.42rem;
    /*  position:absolute;*/
}
.special_img_choose{
    top:0;
    left:0.8rem;
}
.special_img_1_choose{
    top:0;
    right:0.8rem;
}
.special_buy_choose p{
    height:0.3rem;
    line-height:0.3rem;
    text-align:center;
    color:#afafaf;
    font-size:0.16rem;
}
.special_orange_choose{
    height:2.8rem;
    width:100%;
    margin-bottom:0.3rem;
}
.special_orange_choose img{
    height:2.8rem;
    width:100%;
    display:inline-block;
}
</style>
